<template>
	<!-- <div class="error_box" @click='next'>
		<h3>网络有点点慢哦~</h3>
		<h5>点屏幕，重试一下 ` V ` </h5>
		<h5>或者等待<span style="font-weight: bold;">&nbsp;{{count}}&nbsp;</span>秒后，将为您自动重连</h5>
	</div> -->
</template>

<script>
	export default {
		data() {
			return {
				count: 3
			}
		},
		methods:{
			next(){
				window.location.reload()
			},
			startCount(){
				let _this = this
				let timer = setInterval(()=>{
					_this.count --
					if(_this.count==0){
						clearInterval(timer)
						_this.next()
					}
				},1000)
			}
		},
		mounted() {
			console.log('发生错误')
			// this.startCount()
			this.next()
		}
	}
</script>

<style scoped lang="scss">
	.error_box{
		width: 100%;
		text-align: center;
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		
		h3{
			margin-bottom: 20rpx;
			color: #333;
		}
		h5{
			font-weight: 500;
			color: red;
			margin: 20rpx 0;
		}
	}
</style>